<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/msg.css"/>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		
		<div id="box301">
			<p class="set03"><span @click="go()">X</span>&nbsp;设置</p>
			<ul>
				<li v-for="(v,i) in setlist" :class="{ina1:i==1,ina:i==1,inb:i==5,inc:i==9,ind:i==11,ine:i==13,inf:i==15}">{{v}}</li>
			</ul>
				
		</div>
		<button>退出账号</button>
		<script>
			new Vue({
				el:"#box301",
				data:{
					setlist:["个人信息设置","网络","允许2G/3G/4G下观看视频",
					"允许2G/3G/4G下载内容","在线学习免流量",
					"下载","下载视频清晰度","下载管理位置","清除缓存",
					"消息","消息设置",
					"手机","手机账号设置",
					"云服务","学校云服务",
					"关于","意见反馈","隐私政策","服务条款","关于产品","检查更新"]
				},
				methods:{
					  go(){
						  window.open("index.html","_self");
					  }
				}
			})
		</script>
	</body>
</html>
